
$('.sfq li').on('mouseover', function(){ 
    $(this).children('h5').hide();
    $(this).children('div').show(); 
    $(this).siblings().children('h5').show();
    $(this).siblings().children('div').hide();
})



// 手风琴
// 1. 给所有的li绑定鼠标移入事件
$('.newbook .newbook-right li').on('mouseover', function(){
    // 2. 让当前li里面的内容显示,标题隐藏
    $(this).children('h5').hide();
    $(this).children('div').show();
    // 3. 其他的所有li标题显示，内容隐藏
    $(this).siblings().children('h5').show();
    $(this).siblings().children('div').hide();
})
//换一批
//1获取换一批按钮
var changeBtn = document.querySelector('.change .title p');
//2获取换一批的内容
var conts = document.querySelector('.change .conts');
//3给换一批按钮绑定点击事件
var num = 0;
changeBtn.onclick = function(){
    num++;
    if(num>=3){
        num=0;
    }
    //4.点击按钮后让大盒子往左移动一个版心宽度
    conts.style.left=-1200*num+'px';
}

$('.newBook .right li h5').on('mouseover',function(){
    //先让所有的标题显示
    $('.newBook .right li h5').show();
     //鼠标移入对应的标题隐藏
    $(this).hide();
    //先让所有的div盒子隐藏
    $('.newBook .right li div').hide();
    //当前h5的兄弟元素div盒子显示
    $(this).next().show();
})

// 回到顶部
$('#toTop').on('click', function(){
    //回到顶部
    $('html,body').animate({scrollTop:0}, 100);
});